<template>
  <view class="mt-3" @click="goDetail">
    <wd-card>
      <view class="flex">
        <view class="flex-1">
          <view class="mt-3 flex flex-justify-between flex-items-center">
            <view>
              <text class="font-800 font-size-4 c-#4c4c4c mr-4">美团节能改造项目</text>
            </view>
            <view class="bg-green-100 px-8rpx py-4rpx rounded">
              <text class="text-green-600 text-sm font-size-24rpx">XM11111000</text>
            </view>
          </view>
          <view class="mt-2">
            <wd-text :lines="1" text="冷库建造工程冷库建造工程冷库建造工程" class="font-size-28rpx c-#a4a4a4"></wd-text>
          </view>
          <view class="mt-2">
            <wd-steps :active="active" align-center dot>
              <wd-step title="立项" />
              <wd-step title="勘察" />
              <wd-step title="施工" />
              <wd-step title="完工" />
            </wd-steps>
          </view>
          <view class="mt-2 mb-3 flex flex-justify-between flex-items-center">
            <text class="font-size-20rpx c-#a4a4a4">完工日期:2024-01-23</text>
            <wd-tag custom-class="px-2! py-1! font-size-20rpx!" type="primary">待勘察</wd-tag>
          </view>
        </view>
      </view>
    </wd-card>
  </view>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
const active = ref(1)
const goDetail = () => {
  uni.navigateTo({
    url: '/pages/project/detail'
  })
}
</script>

<style lang="scss" scoped></style>
